<template>
  <div class="detail">
    <Banner :detailData='detailData' @click="handleGallaryShow()"/>
    <Header :title='detailData.sightName'/>
    <div style="height:2000px"></div>
  </div>
</template>

<script>
import axios from 'axios'
import Banner from './components/Banner'
import Header from './components/Header'
export default {
  name: 'Detail',
  data () {
    return {
      detailData: {}
    }
  },
  mounted () {
    this._initData()
  },
  methods: {
    _initData () {
      axios.get('./static/mock/detail.json')
        .then(({ data }) => {
          console.log(data)
          if(data.ret && data.data) {
            this.detailData = data.data
          }
        })
    }
  },
  components: {
    Banner,
    Header
  }
}
</script>

<style lang="stylus" scoped>

</style>